<template>
  <div class="xingqing">
    <InfOin :trs="false">
      <template #Center> 课程详情 </template>
    </InfOin>
    <div class="nei">
      <div class="divD">
        <div>
          <h1>{{ title }}</h1>
          <!-- <p>{{ underlined_price }}</p> -->
          <div>
            <!-- <span>共{{ status }}课时</span> -->
            <!-- <span>{{ browse_num }}人已报名</span> -->
          </div>
        </div>
      </div>
      <!-- <div class="divD ereR">
        <h1>教学团队</h1>
        <div v-for="(item1, Inde) in shuju.teachers" :key="Inde">
          <img :src="item1.teacher_avatar" alt=""/>
          <p>{{ item1.teacher_name }}</p>
        </div>
      </div> -->
      <!-- <div class="divD">
        <h3>课程介绍</h3>
        <div v-for="(item, index) in shuju" :key="index">
          <p>{{ item.course_statement }}</p>
        </div>
      </div> -->
      <!-- <div class="divD">
        <h3>课程大纲</h3>
        <div v-for="(item, index) in shuju" :key="index">
          <p>{{ item.course_statement }}</p>
        </div>
      </div> -->
    </div>
    <div class="taber">立即报名</div>
    <div class="neiA"></div>
  </div>
</template>
<script>
import InfOin from "@/views/infoin.vue";
import { courseInfo } from "./jikou/jiekou.js";
export default {
  components: {
    InfOin,
  },
  data() {
    return {
      shuju: [],
      tilte: "",
      id: "",
    };
  },
  mounted() {
    var c = this.$route.query.cid;
    this.courseInfoS(c);
  },
  methods: {
    async courseInfoS(id) {
      let res = await courseInfo(id);
      console.log(res);
      this.shuju = res.data.data;
      this.tilte = res.data.data.info.tilte;
      // this.tilte=res.data.data.info.tilte
      // this.tilte=res.data.data.info.tilte
      console.log(this.tilte);
    },
  },
};
</script>
<style lang="scss" scoped>
.xingqing {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.141);
  .taber {
    position: fixed;
    bottom: 0px;
    z-index: 98;
    width: 100%;
    height: 50px;
    font-size: 20px;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
    background: url("@/assets/email/login-btn.png") no-repeat 100%;
  }
}
</style>